<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/templates/common/taglib.jsp"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
       <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>${title }</title>
    <link rel="stylesheet" href="${basePath}/static/bootstrap/css/bootstrap.css"/>
    <link href="${basePath}/static/css/basic.css" rel="stylesheet" type="text/css">
    <link href="${basePath}/static/css/login.css" rel="stylesheet" type="text/css">
    <link href="${basePath}/static/css/list.css" rel="stylesheet" type="text/css">
    <script  type="text/javascript" src="${basePath}/static/js/jquery.min.js"></script>
	<script  type="text/javascript" src="${basePath}/static/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="${basePath}/static/page/jqPaginator/jqPaginator.js"></script>
    <script  type="text/javascript" src="${basePath}/static/layer/layer.js"></script>
    <link href="${basePath}/static/layer/layer_defined.css" rel="stylesheet" type="text/css">
    
</head>
<body>
<!--头部-->
	<%@include file="/WEB-INF/templates/common/header.jsp"%>
	<!------导航条-->
	<%@include file="/WEB-INF/templates/common/navigation.jsp"%>

<!--内容部分-->
<div class="list_main lay_out" class="clearfix">
    <div class="list_DH">
        <%@include file="/WEB-INF/templates/common/medBorrowNav.jsp"%>
    </div>
    <div class="list_NR">
        <div class="loc">
            <h3 style="margin:0">借阅查看</h3>
        </div>
        <div class="list_con_table">
  <!--           <div class="search_table">
                <ul class="clearfix" style="margin-bottom:0;">
				    <li class="Label_1" style="width:9%">姓名：&nbsp;</li>
				    <li class="Label_2" style="width:20%"><input class="input_box" type="text"   name='name' id='name' value='' /></li>
					<li class="Label_1" style="width:9%">身份证号：&nbsp;</li>
				    <li class="Label_2" style="width:20%"><input class="input_box" type="text"   name='' id='idCard' value='' /></li>
                	<li class="Label_1" style="width:9%">出院日期：&nbsp;</li>
                    <li class="Label_4" style="text-align:left;padding-left:3px;width:33%">
                    	<input class="input_box" style="width:43%;" type="text"  name='startTime' id='outHospitalStartDate' value='' onFocus="WdatePicker()" />
                    	<span>&nbsp;-&nbsp;</span>
                    	<input class="input_box" type="text" style="width:43%;"  name='endTime' id='outHospitalEndDate' value='' onFocus="WdatePicker()" /></li>
                    <li class="Label_5">
                        <div class="right" style="text-align:right">
                            <a onclick="searchQua()">查询</a>
                         
                        </div>
                    </li>
                  
                </ul>
            </div> --> 
             <table class="Search_tableList" cellpadding="0" cellspacing="0">
                <tr>
             
                    <td class="tdLabel_4">姓名</td>
                    <td class="tdLabel_4">证件号码</td>
                    <td class="tdLabel_4">ID号</td>
                    <td class="tdLabel_4">出院科室</td>
                    <td class="tdLabel_4">出院时间</td>
                     <td class="tdLabel_4">剩余天数</td>
                    <td class="tdLabel_4">操作</td>
                </tr>
                <tr id="loading" style="height:50px;display:none">
	                 <td colspan="7" align="center" ><img src="${basePath}/static/layer/skin/default/loading-2.gif"></td>
	            </tr>
                <tbody id="tbody">
                
                </tbody>
            </table>
        </div>
        <div class="pageList">
            <ul class="pagination clearfix" id="page_plus"></ul>
            <div class="pagination">
                <div>总共：<b id="totalPage">0</b> 条信息    当前页是第 <b id="currentPage">0/0</b>　页</div>
            </div>
        </div>
    </div>
</div>
<!------页脚部分--------->
<%@include file="/WEB-INF/templates/common/footer.jsp"%>

<!--JS部分-->
<script type="text/javascript">
	$(function(){
		queryQua(1,10);
	});

	function queryQua(pageNum,pageSize){	
		$.ajax({
			type:"post",
			url:"${basePath}/borrow/selectBorrowMedByLoginNameAndDays",
			data:{pageNo:pageNum,pageSize:pageSize},
			beforeSend:function(){
				$("#tbody").html("");
				$("#loading").show();
			},
			success:function(data){
				$("#loading").hide();
				if(data.success){
					var dataList=data.data.borrowSearchList;
					var Count=data.data.totalCount;
					//console.log(data);
					if(dataList.length>0){
						var html="";
						for(var i=0;i<dataList.length;i++){
							var borrowData=dataList[i];
							
							//alert(borrowData.days+"--"+borrowData.checkStatus);
							
							var idCard=dataList[i].idCard?dataList[i].idCard:"";
						    var mrid=dataList[i].mrId?dataList[i].mrId:"";
						    var name=dataList[i].NAME?dataList[i].NAME:"";
						    var days=dataList[i].days<0?0:dataList[i].days;
						    var outDate=dataList[i].outHospitalDate?dataList[i].outHospitalDate:"";
						    var officeName=dataList[i].outOfficeName?dataList[i].outOfficeName:"";
							html+=" <tr data-applyName="+dataList[i].borrowMan+" data-guid="+dataList[i].firstGuid+">"+
					              "      <td class='tdLabel_5'>"+name+"</td>"+
					              "      <td class='tdLabel_5'>"+idCard+"</td>"+
					              "      <td class='tdLabel_5'>"+mrid+"</td>"+
					              "      <td class='tdLabel_5'>"+officeName+"</td>"+
					              "      <td class='tdLabel_5'>"+outDate+"</td>"+
					              "      <td class='tdLabel_5'>"+days+"</td>";
					        if(borrowData.checkStatus==1){
					        	html+= "<td class='tdLabel_5'>批复中</td> </tr>";
					        }else if(borrowData.checkStatus==3){
					        	html+= "<td class='tdLabel_5'>已拒绝</td> </tr>";
					        }else if(borrowData.checkStatus==2 && borrowData.days>0){
					        	/* html+= "<td class='tdLabel_5'><a class='btn_qx' style='padding:0px 5px 3px' onclick='pic(event)'>图片</a> <a class='btn_qx' style='padding:0px 5px 3px' onclick='scan(event)'>首页</a></td> </tr>"; */
					        	
					        	html+= "<td class='tdLabel_5'> <a class='int' style='padding:0px 5px 3px' onclick='searchMed(event)'>查看病案</a></td> </tr>";
					        	
					        }else if(borrowData.checkStatus==2 && days<=0){
					        	html+= "<td class='tdLabel_5'>已过期</td> </tr>";
					        }
					        
					      
					        
						}
						
						$("#tbody").html(html);
						page(pageNum,Count,pageSize);
					}else{
						$("#tbody").html("");
                        $("#currentPage").html("0/0");
						$("#totalPage").html("0");
						$("#page_plus").html(""); 
						layer.alert("查询的数据为空！",{icon:5})
					}
				}else{
					
					layer.alert(data.msg,{icon:5});
					$("#tbody").html("");
	                $("#currentPage").html("0/0");
					$("#totalPage").html("0");
					$("#page_plus").html("");
				}
			
			}
		})
		
	}

	function page(currentPage,totalCounts,pageSize){
		   /*  var pageSize=1; */
            var visiblePages = 10;
	        var totalPages = Math.ceil(totalCounts/pageSize);
	        $('#page_plus').jqPaginator({
                totalCounts: totalCounts,
	            pageSize:pageSize,
	            visiblePages: visiblePages,
	            currentPage: currentPage,

	            first:'<li class="first"><a href="javascript:void(0);">首页</a></li>',
	            prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
	            next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
	            last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
	            page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
	            onPageChange: function (num,type) {
	          
	            	 if(type !='init'){
	                 
	            		 queryQua(num,pageSize);
	                 }
	            	
	                $("#totalPage").html(totalCounts);
	                $("#currentPage").html(num+"/"+totalPages);
	            }
	        });
	    } 
	
	  //首页按钮事件
	 function scan(event){
		 var target=$(event.target);
		 var guid=target.closest("tr").attr("data-guid");
		 window.open('${corePath}/medical_record/searchHomePageIndexForm?visitGuid='+guid);
	 }
	 //图片按钮事件
	 function pic(event){
		 var target=$(event.target);
		 var guid=target.closest("tr").attr("data-guid");
         var applyName=target.closest("tr").attr("data-applyName");
		 window.open('${corePath}/medrecord/paginationMarkMedrecordImages?firstGuid='+guid+"&applyName="+encodeURI(encodeURI(applyName)));

	 }
	 
	 //查看病案
	 function searchMed(event){
		 var target=$(event.target);
		 var guid=target.closest("tr").attr("data-guid");
		 var applyName=target.closest("tr").attr("data-applyName");
		// alert(guid+"--"+applyName);
		 window.open('${corePath}/medical_record/print?visitGuid='+guid+"&applyName="+encodeURI(encodeURI(applyName)));
		 // http://localhost:28081/medical-manage//medical_record/print?visitGuid=
	 }
</script>
</body>
</html>